<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8" name="viewport" content="width=device-width,initial-scale=1">
	<!--防止b站403-->
	<meta name="referrer" content="no-referrer">
	<base target="_blank">
	<title>(っ °Д °;)っ</title>
	<link rel="stylesheet" href="/utils/style.css">
	<link rel="stylesheet" href="./style.css">
	<script async src="/utils/stat.js"></script>
	<script defer src="/utils/main.js"></script>
</head>

<body>
	<div class="main">
		<h1 class="title"></h1>
		<p class="info"></p>
		<p class="profile">
			点击<a id="website1" href="//passport.bilibili.com/login">登录</a>，然后点击<a id="website2" href="//api.bilibili.com/x/emote/setting/panel?business=reply">跳转</a>，将页面内全部内容复制粘贴至文本框，<br>
			最后点击“解析”按钮。留空以调用最近一次记录。
		</p>
		<div style="display:flex;justify-content:center">
			<textarea class="input" id="input" style="resize: none" cols="30" rows="1" placeholder="这是文本框。"></textarea>
			<button type="button" id="analyse">解析</button>
			<button type="button" onclick="location.reload(true)">重置</button>
		</div>
		<p><strong id="output"></strong></p>
		<div id="control" class="hide">
			选择类型：
			<input type="radio" name="type" id="packages">
			<label for="packages">表情包</label>
			<input type="radio" name="type" id="statics">
			<label for="statics">静态</label>
			<input type="radio" name="type" id="dynamics">
			<label for="dynamics">动态</label>
			<div>
				筛选：
				<input type="radio" name="filter" id="added">
				<label for="added" style="color:#080">新增</label>
				<input type="radio" name="filter" id="removed">
				<label for="removed" style="color:#f00">移除</label>
				<input type="radio" name="filter" id="changed">
				<label for="changed" style="color:#fa0">更改</label>
				<input type="radio" name="filter" id="all">
				<label for="all" style="color:#00f">全部</label>
			</div>
			<div>
				<span id="static">
					<button type="button" onclick="fold(0)">全部展开</button>
					<button type="button" onclick="fold(1)">全部收起</button>
				</span>
				<span id="scroll">
					<button type="button" onclick="scrollStage(0)">滑到顶部</button>
					<button type="button" onclick="scrollStage(1)">滑到底部</button>
				</span>
				<input type="checkbox" id="sort">
				<label for="sort">按id排序</label>
			</div>
			<hr>
			<div id="stage"></div>
			<hr>
			最近一次记录：<span id="date"></span>
			<button type="button" onclick="saveHistory()">保存记录</button>
		</div>
	</div>
	<noscript><strong style="color:#f00">此浏览器不支持JavaScript，该脚本无法运行。</strong></noscript>
	<script src="./script.js"></script>
</body>

</html>